<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用html标签</title>
    <!-- 
        标题:  h1-h6
        段落: p
        换行: br
        水平分割线: hr
        图像: img
        超链接: a
        无序列表: ul 列表项 li
        表格:  table
         了解：
            加粗: strong
            斜体: em
        
        div 块标签
        span 行内标签
          特点: 块标签： 独占一行,后面的元素(标签)换行显示
                        宽度是整个屏幕宽度，高为文本内容高
                行内标签: 内容有多宽多高，标签就是多宽多高，
                         多个挨着的行内标签并排排列
               
    -->
</head>
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <p>使用媒体播控，可以简单<strong>高效</strong>地将<em>音频</em>投放到其他HarmonyOS设备上播放，<br/>如在手机上播放的音频，可以投到2in1设备上继续播放。</p>
    <hr>
    <img src="../img/11.jpg" alt="11"/>
    <a href="http://www.baidu.com">百度</a>
    <ul>
        <li>张无忌</li>
        <li>张三丰</li>
        <li>张晴岚</li>
    </ul>

    <table border="1">
        <tr>
            <th>元素一</th>
            <th>元素二</th>
        </tr>
        <tr>
            <td>元素三</td>
            <td>元素四</td>
        </tr>
    </table>

    <div>块元素一</div>
    <p>段落一</p>

    <span>行内一</span>
    <span>行内二</span>
</body>
</html>